<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>选择器权重</title>
		<style>
			.d{/* 权值10 */
				background-color: #ffff7f;
			}
			div{/* 类选择器权值1 */
				background-color: #ffaaff;
			}
		    #d1{/* 权值100 */
				background-color: #ff5500;
			}
			*{/* 权值0 */
				background-color: #5500ff; 
			}
			#d1:hover{/* 伪类 算和 权值10 */
				background-color: #ff557f;
			}
			/* 加权写法：元素选择器+任意选择器【组合】 */
			div#d1{/*权值：101  */
			background-color: #005500;
			}
		</style>
	</head>
	<body>
		<!-- 选择器存在权值，所学所有选择器抓同一个元素 
		(不建议)内联样式表           权值：1000
		     id选择器               权值：100
		     类选择器，伪类选择器    权值：10
			 元素选择器             权值：1
			 通用选择器             权值：0
		     算和：派生，子代，兄弟,权值高优先执行
			 （不建议）破坏优先级 效果优先执行--属性值  ！important
		-->
		<div id="d1" class="d" style="background-color: #ff007f;">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Vel ad fugit sequi, harum consequuntur maxime labore, exercitationem necessitatibus accusamus minus quidem quam quos. Aut doloremque adipisci veritatis necessitatibus natus itaque.</div>
	</body>
</html>